@charset "UTF-8";
.template-tree-organize{
  &.el-tree{
    border:0;
     display:inline-block;
     min-width:100%;
     background-color: var(--tree-background);
    .el-tree-node{
      /* */
      padding-left: 20px;

      .el-tree-node__content{
        border: 1px solid transparent;
        border-radius: var(--border-radius-base);
        padding-left: 0!important;
      line-height:28px;
      /*  position: relative;*/
      & > .el-checkbox {
        vertical-align: top;
        margin:-1px  3px 0 3px;
   & ~ .el-tree__extra-label{
  margin-left:0 !important;
       }
      }
        & .tree-organize--control i{
          display: none
        }
        .el-tree__extra-label{
          margin-left: 0px;
        }
        .el-tree-node__expand-icon{
          padding:0 2px 0 4px;
          transform: scale(0.7,0.7);
          margin-top: -2px;
          &:before{
            margin-top:0;
           }
           &.is-leaf ~ .el-tree__extra-label{
            margin-left:3px;
           }
        }
      }

      & > .el-tree-node__content  .el-tree-node__expand-icon.is-leaf{
        display: none;
        & ~ .tree-organize-label .tree-organize--name {
          padding-left:var(--theme-padding-base);
        }
      }
      & > .el-tree-node__content:hover .el-tree__extra-control i{
            color:var(--theme-color-primary);
          }

      & > .el-tree-node__content:hover  .tree-organize--control i{
        display: inline-block;
        color:var(--theme-color-primary);
      }

      & .el-tree__extra-name,
      & .tree-organize--name {
        color:var(--theme-font-color-primary);
      }

      & .el-tree__extra-name{
         .name-value{
           max-width: 120px;
           vertical-align: top;
           @utils-ellipsis;
         }
          @when mark {
            &:before {
                   position: absolute;
                   top: 50%;
                   left: -15px;
                   font-size: 14px;
                  -webkit-transform: translate(0,-50%);
                  -moz-transform: translate(0,-50%);
                  -o-transform: translate(0,-50%);
                  transform: translate(0,-50%);
                   content: "\e76a";
                   font-family: 'buifont' !important;
                   speak: none;
                   font-style: normal;
                   font-weight: 400;
                   font-variant: normal;
                   text-transform: none;
                   vertical-align: baseline;
                   display: inline-block;
                   -webkit-font-smoothing: antialiased;
                   -moz-osx-font-smoothing: grayscale;
            }
          }
        }
      & .el-tree__extra-control,
      & .tree-organize--control{
        position: absolute;
        right: 10px;
        display:inline-block;
        font-size: var(--theme-font-size-base);
        & i {
          color: transparent;
          padding: 0 4px;
          margin-left: 2px;
          cursor: pointer;
          vertical-align: middle;
          font-size: var(--theme-font-size-base);
        }
      }
    }
    &.el-tree__default>.el-tree-node{
      padding-left: 0;
    }

    .el-tree-node.is-current{
      >.el-tree-node__content{
        background:var(--tree-current-background);
        border: 1px solid var(--tree-border-color);
      }
      & > .el-tree-node__content  .el-tree-node__expand-icon.is-leaf{
        display: none;
      }
    }
  }

}
/*

.el-tree-node__expand-icon{
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
*/
/* 在固定区域宽度可变化 适应滚动*/
.el-tree.is-scroll {
  border: 0;
  display: inline-block;
  min-width: 100%;
}
.is-scroll.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
/*  background-color: var(--theme-background-color-primary);*/
}
